<!DOCTYPE html>
<html>
	<head>
		
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
		<title>捷豹英仕挑战赛</title>
		<link rel="stylesheet" charset="utf-8" type="text/css" href="__PUBLIC__/Home/css/css.css">
		<script type="text/javascript" charset="utf-8" src="__PUBLIC__/Home/js/jquery.min.js" ></script>
		<script type="text/javascript" charset="utf-8" src="__PUBLIC__/Home/js/wenjuan.js" ></script>
		<script>
			var ua = navigator.userAgent; 		
			if (ua.indexOf("Android") > -1 ){
				var heigt=window.screen.availHeight;
				var widte=window.screen.availWidth;		
			}
			if (ua.indexOf("Mac") > -1 ){
				var heigt=window.screen.availHeight;
				var widte=window.screen.availWidth;			
			}	
			if (ua.indexOf("iPhone") > -1  ){
			var heigt=document.documentElement.clientHeight;
			var widte=document.documentElement.clientWidth;						
			}
			$(document).ready(function(e) {
				
				
				
				
				$(".content").css({"width":widte});
				$(".problem dl").css({"width":widte*0.8});			
				$(".button").css({"width":widte*0.3});										
				$(".data li").click(function(){
					$(this).addClass("cli");
					$(this).siblings().removeClass("cli"); //同辈元素移除cli类				
				});
			
			form();
			
			
				
				
				
			});
		</script>
	</head>
	<body>
		<div class="bg">		
			
		</div>
		
		<div class="content">
			<p class="siez">THE&nbsp;ART&nbsp;OF</p>
			<p class="siez1">PERFORMANCE</p>
			<p class="siez">TOUR</p>
			<p class="siez2">探索最适合您的非凡座驾</p>
			<p class="siez3">请您回答以下问题</p>
			<div class="problem">			
				<dl class="p1">
					<dt>1:您更偏爱哪种穿衣风格？</dt>
					<dd>
						
						<ul class="data">
						<li db="1"><span><div class="bn"></div></span><p>A.商务风格的职业正装</p></li>
						<li db="2"><span><div class="bn"></div></span><p>B.偏向休闲的英伦混搭</p></li>
						<li db="3"><span><div class="bn"></div></span><p>C.时尚年轻的运动风格</p></li>
						<div class="button" ></div>
						</ul>
					</dd>
				</dl>
				<dl class="p2">
					<dt>2:您在平日里的开车风格是？</dt>
					<dd>
						
						<ul class="data">
						<li db="1"><span><div class="bn"></div></span><p>A.追求情怀的稳健派</p></li>
						<li db="2"><span><div class="bn"></div></span><p>B.追求速度的狂野派</p></li>
						<li db="3"><span><div class="bn"></div></span><p>C.安全稳健的舒适派</p></li>
						<div class="button" ></div>
						</ul>
					</dd>
				</dl>
				<dl class="p3">
					<dt>3:选择汽车最注重一下哪方面？</dt>
					<dd>
						
						<ul class="data">
						<li db="1"><span><div class="bn"></div></span><p>A.外观内饰</p></li>
						<li db="2"><span><div class="bn"></div></span><p>B.动力</p></li>
						<li db="3"><span><div class="bn"></div></span><p>C.配置</p></li>
						<div class="button" ></div>
						</ul>
					</dd>
				</dl>
				<dl class="p4">
					<dt>4:您心目中的Dream Car是怎样的？</dt>
					<dd>
						
						<ul class="data">
						<li db="1"><span><div class="bn"></div></span><p>A.豪华的四门轿车</p></li>
						<li db="2"><span><div class="bn"></div></span><p>B.运动的双门跑车 </p></li>
						<li db="3"><span><div class="bn"></div></span><p>C.时尚大气的SUV</p></li>
						<div class="button" ></div>
						</ul>
					</dd>
				</dl>
				<dl class="p5">
					<dt>5:汽车对于您而言是什么？</dt>
					<dd>		
						<ul class="data">
						<li db="1"><span><div class="bn"></div></span><p>A.一件便捷的交通工具</p></li>
						<li db="2"><span><div class="bn"></div></span><p>B.彰显地位的身份标签 </p></li>
						<li db="3"><span><div class="bn"></div></span><p>C.速度与激情的象征 </p></li>
						<div class="button" ></div>
						</ul>
					</dd>
				</dl>
	
				
			</div>
		</div>
		
		
	</body>
</html>
